body, button, input, select, textarea {
    font: 12px/1.6em Microsoft YaHei,Tahoma,simsun;
    line-height: 1.6em;
}
body {
    background: #f3f4f6 url(../images/wrap_bg1.png) no-repeat 0 185px;
    color: #3a3f4a;
}
 a {
    color: #666;
}
/* 登录栏 */
.maincon {
    background: #f9f9f9;
    height: 30px;
    line-height: 30px;
    color: #666;
}
.wrapa {
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.maincon .tt_scroll {
    height: 30px;
    overflow: hidden;
}
.maincon .ll_side a, .maincon .ll_side i {
    float: left;
}
.maincon a {
    color: #666;
    float: right;
    text-decoration: none;
}
.maincon i {
    color: #e7e7e7;
    font-style: normal;
    margin: 0 10px;
    float: right;
}
.ii_mobile {
    float: left;
    width: 11px;
    height: 16px;
    /* background-position: 0 0; */
    margin: 7px 3px 0 0;
}
.maincon .rr_side {
    width: 600px;
}

.maincon .games_menu {
    /* background-position: -20px -334px; */
    width: 72px;
    height: 21px;
    line-height: 21px;
    margin-top: 5px;
    padding-left: 8px;
}
.maincon .rr_side {
    width: 500px;
    height: 30px;
    float: right;
}
.maincon .rr_side .login {
    /* position: relative; */
    float: right
}

/* 搜索界面 */
.rsearch {
    padding: 10px 0 20px;
    /* height: 77px; */
    background: #fff;
}
.rsearch .logo {
    width: 320px;
    height: 65px;
    display: block;
    text-indent: -9999px;
    margin-top: 5px;
}
.bg_sp {
    background: url(../images/bg.png) no-repeat;
}
.rsearch .s_bar {
    width: 490px;
    margin-top: 10px;
    margin-left: 110px;
    display: inline;
    
}
.rsearch .ss_text {
    border: 2px solid #f74a4a;
    border-right-color: rgb(247, 74, 74);
    border-right-style: solid;
    border-right-width: 2px;
    width: 452px;
    height: 38px;
    border-right: 0;
    overflow: hidden;
}
.rsearch .s_menu {
    position: relative;
    z-index: 30;
}
.rsearch input {
    float: left;
    width: 450px;
    padding: 2px 10px 0 10px;
    height: 32px;
    line-height: 30px;
    border: 0;
    color: #aaa8a8;
}
.rsearch .s_bar .bbn {
    float: right;
    width: 38px;
    height: 38px;
    text-indent: -9999px;
    display: block;
    border: 0;
    cursor: pointer;
}
.b_sp {
    background: url(../images/btn.png) no-repeat;
}
.rsearch .s_bar p {
    padding-top: 5px;
    clear: both;
    height: 24px;
}
.rsearch .bg_znq {
    background: url(../images/codeznq.png) no-repeat;

    background-position: 0 0;
    width: 229px;
    margin: -10px 0 -20px;
    position: relative;
}
.rsearch .wx {    
    height: 108px;
    /* float: right;     */
}
.clearfixa::after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

/* 导航界面 */
.nava {
    background: #3a3f4a;
    height: 54px;
    color: #acb1bb;
    box-shadow: 0 2px 0 rgba(0,0,0,.08);
}
.nava .all_games {
    width: 190px;
    position: relative;
    z-index: 30;
}
.nava li, .nava .all_games {
    float: left;
    text-align: center;
}
.nava li a, .nava .all_games a.show_games {
    color: #acb1bb;
    font: 16px/32px 'Microsoft Yahei','黑体';
    display: block;
    height: 54px;
    padding-top: 10px;
    /* border-bottom: 3px solid #3a3f4a; */
    position: relative;
    text-decoration: none;
}
.nava .show_games p {
    margin-left: 35px;
    width: 110px;
}
.nava ul {
    width: 760px;
    float: left;
}
.nava li {
    position: relative;
    z-index: 10;
    width: 126px;
}
.nava li a.active, .nava li a:hover {
    background: #f74a4a;
    border-color: #ce3535;
    color: #fff;
}
.cart {
    position: relative;
    z-index: 20;
    color: #333;
    height: 54px;
}
a.b_cart {
    height: 45px;
    padding: 7px 0 4px 0;
    width: 170px;
    line-height: 30px;
    margin-top: 5px;
    font-size: 16px;
    text-align: left;
}
.comm_bbn {
    display: inline-block;
    background: #f74a4a;
    color: #fff;
    border-bottom: 2px solid #e43333;
    text-align: center;
    cursor: pointer;
}
a.b_cart s {
    float: left;
    width: 20px;
    height: 16px;
    background-position: -60px -20px;
    margin: 8px 8px 0 42px;
    display: inline;
}
.i_sp {
    background: url(../images/icon.png) no-repeat;
}

/* 面包屑 */
.mianbao{
    height: 40px;
    /* background: pink */
}
.nmsl{
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.breade {
    width: 1190px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    position: relative;
}
.breade a, .breade b {
    margin: 0px 5px;
    font-weight: 400;
    text-decoration: none;
    /* color: #666; */
}

/* 个人中心导航 */
/* 左侧 */
.center_nava {
    border-bottom: 0;
}
.comm_bd {
    border: 1px solid #e6e9ef;
    background: #fff;
}
.center_nava dd {
    border-bottom: 1px solid #e6e9ef;
}
.center_nava dd a.current {
    color: #f74a4a;
    border-left-color: #f74a4a;
}
.center_nava dd a {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    border-left: 6px solid #fff;
    padding-left: 12px;
    text-decoration: none;
}
.center_nava dd a:hover{
    color: #f74a4a;
    border-left-color: #f74a4a;
}
.center_nava dd a:hover  s{
    background-position: 0 -356px;
}
.mr10 {
    margin-right: 10px;
}
.w230 {
    width: 230px;
}

.center_nava s {
    float: left;
    width: 25px;
    height: 25px;
    margin: 14px 10px 0 0;
    background-position: -5px -542px;
}
.center_nava .i_center{
    background-position: 0 -356px;
}

/* 右侧 */
.w950 {
    width: 950px;
}
/* 账户 */
.center_info {
    padding: 15px 30px;
}
.comm_bd {
    border: 1px solid #e6e9ef;
    background: #fff;
}
.mb10 {
    margin-bottom: 10px;
}
.center_info dt {
    float: left;
}
.center_info .face_img_dt {
    position: relative;
    width: 100px;
    height: 100px;
    margin-left: 140px
}
.center_info dt img {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50px;
    background: #ccc;
    cursor: pointer;
}
.center_info dd {
    margin-left: 110px;
    padding-top: 4px;
    line-height: 24px;
}
.center_info dd .qq_intro {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 16px;
    margin-left: 298px;
}
.center_info dd strong {
    color: #e43333;
    font-size: 24px;
    font-weight: normal;
}
dl{
    margin-bottom: 0px;
}
.center_info .person {
    width: 950px;
    height: 48px;
    margin-left: -30px;
    margin-top: 8px;
    margin-bottom: -15px;
    float: left;
    background-color: #e6e9ef;
}
.center_info .person p {
    margin-left: 15px;
    height: 48px;
    line-height: 48px;
}

/* 内容 */
.game_consume {
    width: 950px;
    height: 148px;
    margin-bottom: 20px;
}
.game_consume .login_game {
    width: 322px;
    height: 148px;
    border: 1px solid #e6e9ef;
    background: #fff;
    float: left;
}
.game_consume .login_game p {
    width: 306px;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6e9ef;
    color: #333;
    font-size: 14px;
    margin: 0 0 0 0
}
.game_consume .login_game ul li {
    float: left;
    width: 50px;
    margin: 12px 7px 0 20px;
    text-align: center;
}
.game_consume .login_game ul li a{
    text-decoration: none;
}

.game_consume .consume {
    width: 617px;
    height: 148px;
    border: 1px solid #e6e9ef;
    background: #fff;
    float: left;
    margin-left: 11px;
}
.game_consume .consume p {
    width: 612px;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e6e9ef;
    color: #333;
    font-size: 14px;
    margin: 0 0 0 0
}
.game_consume .consume_sum {
    margin: 16px 0 0 50px;
    height: 15px;
    line-height: 15px;
    color: #333;
    font-size: 14px;
    width: 590px;
}
.game_consume .consume_sum div {
    width: 195px;
}
.game_consume .consume_sum ul li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
}
.game_consume .consume_sum ul li.red {
    color: #eb4c4c;
    font-size: 28px;
}
/* 节省 */
.dj_save {
    width: 950px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 20px;
    background: #fffaeb;
    border: 1px solid #f6ecca;
}
.dj_save .save_num {
    margin-left: 15px;
    color: #333;
    font-size: 14px;
}
.dj_save .save_num span {
    color: #f74a4a;
    font-size: 18px;
}
/* 特权 */
.userprivilege {
    width: 950px;
    height: 255px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e6e9ef;
}
.center_box {
    padding: 15px 20px 20px 20px;
}
.center_tt {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 20px;
    position: relative;
}
.center_tt .dot-tip {
    position: absolute;
    left: 60px;
    top: 4px;
    height: 5px;
    width: 5px;
    border-radius: 5px;
    overflow: hidden;
    background-color: red;
}
.center_tt .line s.l_5 {
    width: 72px;
}
.center_tt .line s {
    display: block;
    background: #f74a4a;
    height: 1px;
    overflow: hidden;
}
.center_tt .line {
    display: block;
    background: #e6e9ef;
    height: 1px;
    overflow: hidden;
    margin-top: 5px;
}
.userbox {
    border: 1px solid #e6e9ef;
}
.comm_bg {
    background: #fff;
}
.userbox dl {
    width: 225px;
    height: 170px;
    border-right: 1px solid #e6e9ef;
    float: left;
    padding-top: 40px;
}
.userbox dt {
    text-align: center;
}
.userbox .tqico {
    width: 90px;
    height: 80px;
    background: url(../images/xyicon.png) no-repeat;
    display: block;
    margin: 0 auto;
}
.userbox .coupons {
    background-position: -135px -154px;
}
.userbox dd {
    text-align: center;
}
.userbox dl p {
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #3a3f4a;
    text-align: center;
    margin: 0 0 0 0 
}
.userbox .gift {
    background-position: -358px -158px;
}
.userbox .djgift {
    background-position: -585px -156px;
}
.userbox .consume {
    background-position: -818px -154px;
}
.userbox .task-link:hover .coupons {
    background-position: -135px -262px;
}
.userbox .task-link:hover .gift {
    background-position: -358px -266px;
}
.userbox .task-link:hover .djgift {
    background-position: -585px -264px;
}
.userbox .task-link:hover .consume {
    background-position: -818px -262px;
}
/* 任务 */
.usertask {
    width: 950px;
    min-height: 240px;
    height: auto;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e6e9ef;
}
.usertask .userbox {
    border: 0;
}
.usertask .userbox dl {
    width: 180px;
    height: 135px;
    float: left;
    padding-top: 0;
    border-right: 0;
}

.userbox dl p {
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #3a3f4a;
    text-align: center;
    margin: 0 0 0 0
}
.userbox .taskico {
    width: 105px;
    height: 110px;
    margin-left: 36px;
    background: url(//js02.daoju.qq.com/common/images/mall/xyicon.png) no-repeat;

    display: block;
}
.userbox .signin {
    background-position: -135px -379px;
}
.userbox .info {
    background-position: -316px -379px;
}
.userbox .down {
    background-position: -500px -379px;
}
.userbox .login {
    background-position: -679px -379px;
}
.userbox .appconsume {
    background-position: -863px -379px;
}
.userbox .task-link:hover .signin {
    background-position: -135px -523px;
}
.userbox .task-link:hover .info {
    background-position: -316px -523px;
}
.userbox .task-link:hover .down {
    background-position: -500px -523px;
}
.userbox .task-link:hover .login {
    background-position: -679px -523px;
}
.userbox .task-link:hover .appconsume {
    background-position: -863px -523px;
}
/* 回到顶部 */
.fixednav {
    position: fixed;
    bottom: 0;
    right: 20px;
    z-index: 2000;
    margin: 0 20px 215px 0;
}
.fixednav i.btn_top {
    display: block;
    width: 30px;
    height: 30px;
    background-position: -122px -153px;
    margin: 0 auto;
}
.fixednav a {
    display: block;
    border: 1px solid #e1e1e1;
    background: #fff;
    width: 68px;
    padding: 7px 0;
    text-align: center;
    margin-top: 3px;
    color: #3a3f4a;
    text-decoration: none;
    outline: none;
}

.bg_sp {
    background: url(../images/bg.png) no-repeat;
}